{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "base-protocol-mozilla.html" %}

{% block page_title %}Mozilla Open Source Support{% endblock %}

{% block page_title_suffix %}{% endblock %}

{% block page_desc %}
  Get funding for your open source and free software projects from Mozilla.
{% endblock %}

{% block page_css %}
  {{ css_bundle('protocol-picto') }}
  {{ css_bundle('protocol-card') }}
  {{ css_bundle('protocol-newsletter') }}
  {{ css_bundle('moss') }}
{% endblock %}

{% block content %}
<main>
  <header class="moss-masthead">
    <div class="header-image">{% block header_image %}{% endblock %}</div>

    <div class="mzp-l-content">
      <h1 class="page-heading">{% block page_heading %}{% endblock %}</h1>
    </div>
  </header>
  {% block page_content %}{% endblock %}
</main>
<div class="mzp-l-content">
  <aside class="mzp-c-newsletter">
    <div class="mzp-c-newsletter-image">
      {{ resp_img(
        url='img/home/2018/newsletter-graphic.png',
        srcset={
          'img/home/2018/newsletter-graphic-high-res.png': '2x'
        }
      ) }}
    </div>

    <div class="newsletter-content">
      {{ email_newsletter_form(
        newsletters='mozilla-foundation',
        title='What’s next?',
        desc='Get the Mozilla newsletter for our latest tech news and more.',
        spinner_color='#fff')
      }}
    </div>
  </aside>
</div>
{% endblock %}

{% block js %}
  {{ js_bundle('newsletter') }}
{% endblock %}
